import { IWidget, IOption } from "xcore/cmpnt";

var ThemeSelect: IWidget & IOption = {
  cmpnt: "x-theme-select",
  valueKey: "theme",
  category: "bars",
  props: {
    multiple: false,
    clearable: true,
    placeholder: "请选择主题",
    style: { width: "100%" },
    class: [],
    bind: {},
    options: [
      { label: "", "value": ["#FFCC99", "#FFFF99", "#99CC99"] },
      { label: "", "value": ["#FFCC99", "#CCFF99", "#CCCCCC"] },
      { label: "", "value": ["#FFCC99", "#FFFFCC", "#99CCFF"] },
      { label: "", "value": ["#FF9966", "#FFFFCC", "#99CC99"] },
      { label: "", "value": ["#FF9900", "#FFFFCC", "#336699"] },
      { label: "", "value": ["#CCCC33", "#FFFF99", "#CC9933"] },
      { label: "", "value": ["#996600", "#FFCC33", "#FFFFCC"] },
      { label: "", "value": ["#FFFFCC", "#CC9933", "#336666"] },
      { label: "", "value": ["#FF9900", "#FFFF00", "#0099CC"] },
      { label: "", "value": ["#99CC33", "#FF9900", "#FFCC00"] },
      { label: "", "value": ["#FF9933", "#99CC33", "#CC6699"] },
      { label: "", "value": ["#FF9933", "#FFFF00", "#3366CC"] },
      { label: "", "value": ["#FF9933", "#FFFFCC", "#009966"] },
      { label: "", "value": ["#FF6600", "#FFFF66", "#009966"] },
      { label: "", "value": ["#990033", "#CCFF66", "#FF9900"] },
      { label: "", "value": ["#FF9966", "#996600", "#CCCC00"] },
      { label: "", "value": ["#CC6600", "#999999", "#CCCC33"] },
      { label: "", "value": ["#CC6600", "#CCCC33", "#336699"] },
      { label: "", "value": ["#000000", "#FF9933", "#999966"] },
      { label: "", "value": ["#663300", "#FF9933", "#FFFF66"] },
    ]
  },
  events: {},
  ctl: {
    icon: "iconfont te-i-select",
    name: "ThemeSelect",
    group: "ThemeSelect",
    text: "颜色",
  },
};
export { ThemeSelect };
